<template>
  <div>
    <Table :arr="list"></Table>
    <Table :arr="list">
      <template #last="scope">
        <!-- {{ scope }} 开发小技巧，先打印 scope 数据再使用 -->
        <img :src="scope.row" />
      </template>
    </Table>
  </div>
</template>

<script>
import Table from "./components/Table_slot.vue";
export default {
  data() {
    return {
      list: [
        {
          name: "小传同学",
          age: 18,
          headImgUrl:
            "http://yun.itheima.com/Upload/./Images/20210303/603f2d2153241.jpg",
        },
        {
          name: "小黑同学",
          age: 25,
          headImgUrl:
            "http://yun.itheima.com/Upload/./Images/20210304/6040b101a18ef.jpg",
        },
        {
          name: "智慧同学",
          age: 21,
          headImgUrl:
            "http://yun.itheima.com/Upload/./Images/20210302/603e0142e535f.jpg",
        },
      ],
    };
  },
  components: {
    Table,
  },
};
</script>

<style>
</style>